<script type="text/javascript"><!--//--><![CDATA[//><!--
var LOVDataPerangkat3 = function(ao_option){
    try{
        if(ao_option==undefined){ ao_option={}; }
        var lf_onSelect = (ao_option.onSelect==undefined || typeof(ao_option.onSelect)!='function') ? function(){} : ao_option.onSelect;
        
        // Create Popup
        var $popup  = openPopup({ title:'Daftar Barang' , width:700, height:370 });
        var ls_id   = $popup.attr('id');
        
        // Append Datagrid Container
        var ls_gridName = 'grid_'+ls_id;
        $popup  .html(  $('<div>')  .attr('id', 'tb'+ls_id).attr('style','padding:5px;height:auto;')
                                    .html(  $('<div>').html($('<form>') .attr('id','fm_search_'+ls_id).data('rel',ls_id).submit(function(e){ $('#'+ls_gridName).datagrid('reload', $('#fm_search_'+$(this).data('rel')).serializeObject()); e.preventDefault(); })
                                                                        .html('<table class="tb_form" style="margin-bottom:0px"><tr><td width="100">Keyword</td><td><input type="text" name="keyword" class="textfield medium" /><a href="#" class="easyui-linkbutton" iconCls="icon-search" id="btn_search'+ls_id+'" rel="'+ls_id+'">Search</a></td></tr></table>')
                                                            )
                                            )
                        )
                .append($('<div>').attr('id', ls_gridName).attr('toolbar', '#tb'+$popup.attr('id')));
        
        $('#btn_search'+ls_id).click(function(){ $('#'+ls_gridName).datagrid('reload', $('#fm_search_'+$(this).attr('rel')).serializeObject()); return false; });
        $('#btn_search'+ls_id).linkbutton({  
            plain:true  
        }); 
        
        // Build Datagrid
        var ls_param = (ao_option.param==undefined ? '' : ao_option.param);
        $('#'+ls_gridName).datagrid({  
            url:gs_path+'/pro_setup_stock/getdata2/'+ls_param,
            queryParams: $('#fm_search_'+ls_id).serializeObject(),
            height:337,
            pagination:true,
            singleSelect:true,
            columns:[[
                { field : 'id_barang', title : 'ID Barang', width : 100, sortable:true },
                { field : 'kode_barang', title : 'Kode Barang', width : 100, sortable:true },
                { field : 'nama_barang', title : 'Nama Barang', width : 300, sortable:true },
                { field : 'jumlah', title : 'Jumlah', width : 300, sortable:true },
            ]],
            onSelect:function(rowIndex, rowData){ lf_onSelect(rowData); closePopup(); }
        });
        
    } catch (err) { alert('Func. LOVSampleReference :\n' + err); }
};
	
    $(document).ready(function() {
         
        // Setup Form
		$('#form_master').setupForm([
            { name: 'kode_perangkat', type: 'text', size: 'long', maxlength: 100},
            { name: 'kode_barang', type: 'lov', size: 'medium',
                onClearButton:function(){
                    $(this).setval(''); 
                    $('#kode_barang').setval('');
                    $('#nama_barang').setval('');
                    $('#jumlah').setval('');
                },
                onActionButton:function(){ 
                    LOVDataPerangkat3({ onSelect:function(row){
                        $('#id_barang').setval(row.id_barang); 
                        $('#kode_barang').setval(row.kode_barang); 
                        $('#nama_barang').setval(row.nama_barang);
                        $('#jumlah').setval(row.jumlah);
                    } }); 
                }
            },
            { name: 'nama_barang', type: 'text', size: 'long', maxlength: 100},
            { name: 'nama_cabang', type: 'text', size: 'medium', maxlength: 100},
			{ name: 'nama_merek', type: 'text', size: 'long', maxlength: 100},
            { name: 'harga', type: 'text', size: 'medium', maxlength: 100},
            { name: 'jumlah', type: 'text', size: 'medium', maxlength: 100},
            { name: 'jumlah_pakai', type: 'text', size: 'medium', maxlength: 100},
			{ name: 'spesifikasi', type: 'textarea', size:'medium', rows:3 },
			{ name: 'tipe', type: 'text', size: 'long', maxlength: 100},
			{ name: 'kondisi', type: 'text', size: 'long', maxlength: 100},
			{ name: 'keterangan', type: 'textarea', size:'medium', rows:3 },
			{ name: 'jenis_kebutuhan', type: 'text'},
        ], <?php echo json_encode($data); ?>); 
        
//		f_set_combo_city_code();
		
        <?php if($mode=="edit"){ ?>
        var id_perangkat = "<?php echo $id; ?>";
        var jumlah_pakai = "<?php echo $jum_pakai; ?>";
        $('#update_stock').setval("<?php echo $jum_awal; ?>");
        var stock_awal = "<?php echo $jum_awal; ; ?>";
        $.ajax({
                url:gs_path+'/'+controller+'/nama_cabang',
                type:'POST',
                dataType:'JSON',
                data:{option : null}
                    }).done(function(data){
                        var nama_cabang = data['nama_cabang'];
                        $('#nama_cabang').append('<option id="" value="">(Pilih Cabang)</option>');
                        $.each(data,function(key,val){
                            $("#nama_cabang").append('<option id="" value="'+val.nama_cabang+'">'+val.nama_cabang+'</option>');
                        });
                    $('#nama_cabang').setval('<?php echo $nama_cabang;?>');
                    $('#id_cabang').setval('<?php echo $id_cabang;?>');
                    });
                    $('#nama_cabang').change(function(){
                    var cabang = $('#nama_cabang').val();
                    $.ajax({
                        url:gs_path+'/'+controller+'/id_cabang',
                        type:'POST',
                        dataType:'JSON',
                        data:{option : cabang}
                        }).done(function(data){
                            $('#id_cabang').setval(data['id_cabang']);
                        });
                    });
        $('#id_perangkat').setval(id_perangkat);
        $('#nama_cabang').setval('<?php echo $nama_cabang;?>');
        $('#id_cabang').setval('<?php echo $id_cabang;?>');
        $('#kode_perangkat,#kode_barang,#nama_barang').readonly();
        parseInt($('#jumlah_pinjam').setval(jumlah_pakai));
        parseInt($('#jum_awal').setval($('#jumlah').val()));
        //Calculation Keyup Function
        $('#jumlah_pakai').keyup(function() {
            //alert(jumlah_pakai);
                    var jum_awal =  parseInt($('#jum_awal').val());
                    var jumlah =  parseInt($('#jumlah_pakai').val());
                    var stock = parseInt($('#jumlah').val());
                    var jumlah_pinjam =  parseInt($('#jumlah_pinjam').val());
                    var ls_eror = '';
                    //alert(jumlah_pinjam);
                    if(jumlah_pinjam<=jumlah){
                            $('#jum_awal').setval(jum_awal);
                            var jum_akhir = jumlah_pinjam - jumlah;
                            $('#jum_akhir').setval(jum_akhir);
                            var jum_cal = jum_akhir *= (-1) ;
                            //alert(jum_cal);
                            var j = stock + 1;
                            $('#jum_akhir').setval(jum_cal);
                                if(jum_akhir>=j){
                                    alert(ls_eror ='input jumlah melebihi stock !\n');
                                    $('#jumlah_pakai').setval(jumlah_pakai);
                                    $('#jum_akhir').setval('');
                                } else if($('#jumlah_pakai').val()==0){
                                    var update_stock = jumlah_pinjam + stock;
                                    $('#update_stock').setval(update_stock);
                                } else {
                                    var update_stock = stock - jum_cal;
                                    $('#update_stock').setval(update_stock);
                                }
                         } if(jumlah_pinjam>=jumlah) {
                            //alert(jum_akhir);
                            $('#jum_awal').setval(jum_awal);
                            var jum_akhir = jumlah_pinjam - jumlah;
                            //alert(jum_akhir);
                            $('#jum_akhir').setval(jum_akhir);
                           var update_stock = stock + jum_akhir;
                           $('#update_stock').setval(update_stock);
                        }
                });
        <?php } ?>

        <?php if($mode=="create"){ ?>
              
        //ajax call//
        $.ajax({
            url: gs_path+'/'+controller+'/AjaxId/',
            type: 'POST',
            dataType: 'json',
            data: {option : null},
        }).done(function(data){
            var id_perangkat = data['id_perangkat'];
            var kode_perangkat = data['kode_perangkat'];
                //alert(no_auto);
                $('#id_perangkat').setval(id_perangkat);
                $('#kode_perangkat').setval(kode_perangkat);
                //alert($('kode_perangkat').val());
        });

        $('#kode_perangkat,#nama_barang').readonly();
       
        //Calculation Keyup Function                        
        $('#jumlah_pakai').keyup(function() {
            var jumlah =  parseInt($('#jumlah_pakai').val());
            var stock = parseInt($('#jumlah').val());
            var j = stock + 1;
            //alert(jum_awal);
            if(jumlah>=j){
                alert(ls_eror ='input jumlah melebihi stock !\n');
                $('#jumlah_pakai').setval('0');
                $('#jum_akhir').setval('');
            } else {
                var jum_akhir = stock - jumlah;
                $('#update_stock').setval(jum_akhir);
            }
        });

        $.ajax({
                url:gs_path+'/'+controller+'/nama_cabang',
                type:'POST',
                dataType:'JSON',
                data:{option : null}
                    }).done(function(data){
                        var nama_cabang = data['nama_cabang'];
                        $('#nama_cabang').append('<option id="" value="">(Pilih Cabang)</option>');
                        $.each(data,function(key,val){
                            $("#nama_cabang").append('<option id="" value="'+val.nama_cabang+'">'+val.nama_cabang+'</option>');
                        });
                    });
                    $('#nama_cabang').change(function(){
                    var cabang = $('#nama_cabang').val();
                    $.ajax({
                        url:gs_path+'/'+controller+'/id_cabang',
                        type:'POST',
                        dataType:'JSON',
                        data:{option : cabang}
                        }).done(function(data){
                            $('#id_cabang').setval(data['id_cabang']);
                        });
                    });

        <?php } ?>

        /*$('#jumlah').keyup(function() {
            var jumlah =  parseInt($('#jumlah').val());
            var jumlah_lama =  parseInt($('#jumlah_lama').val());
            var jumlah_baru =  jumlah_lama - jumlah;
            $('#jumlah_baru').setval(jumlah_baru);
        });*/

		// Set Action Button
		var buttons = [{ label: 'Save', icon: 'save', onclick: function() { 
							$('#form_master').submitForm(	'/'+controller+'/ajax_post', { onComplete : function(){ loadPage(gs_path + '/' + controller + '/index/'); }});
						}},
					   { label: 'Close', icon: 'cancel', onclick: function() { loadPage('/'+controller+'/Index'); } }];
		setAction(buttons);
		
		// Create Tab
		$('#tt').tabs({ border:false });  
		
		// Focus at First Object
		$('#form_master').focusFirst();
    });
//--><!]]></script>

<div id="form_master_message" style="display:none;"></div>
    <table class="tb_form" style="display:none;" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="2"><input id="id_perangkat" name="id_perangkat" type="hidden" /><input id="id_barang" name="id_barang" type="hidden" /></td>
    </tr>
    <tr>
        <td class="label" style="width:150px">Kode Perangkat</td>
        <td colspan="2"><input id="kode_perangkat" /></td>
    </tr>
    <tr>
        <td class="label" style="width:150px">Kode Barang</td>
        <td colspan="2"><input id="kode_barang" /></td>
    </tr>
    <tr>
        <td class="label" style="width:150px">Nama Barang</td>
        <td colspan="2"><input id="nama_barang"/></td>
    </tr>
    <tr>
        <td class="label" style="width:150px">Jumlah Stock</td>
        <td colspan="2"><input id="jumlah" name="jumlah"/><input id="jum_awal" name="jum_awal" type="hidden" /></td>
    <tr>
        <td class="label" style="width:150px">Harga</td>
        <td colspan="2"><input id="harga" /></td>
    </tr>
    </tr>
    <tr>
        <td class="label" style="width:150px">Nama Merek</td>
        <td colspan="2"><input id="nama_merek" /></td>
    </tr> 
    <tr>
        <td class="label" style="width:150px">Spesifikasi</td>
        <td><input id="spesifikasi"></td>
    </tr>
    <tr>
        <td class="label" style="width:150px">Tipe</td>
        <td colspan="2"><input id="tipe" /></td>
    </tr>
    <tr>
        <td class="label" style="width:150px">Jumlah yang dipakai</td>
        <td colspan="2"><input id="jumlah_pakai" /><input id="jumlah_pinjam" name="jumlah_pinjam" type="hidden" /><input id="update_stock" type="hidden" name="update_stock" /></td>
    </tr> 
    <tr>
        <td class="label" style="width:150px">Status Barang</td>
        <td>
            <select id="kondisi" name="kondisi">
                <option value="Baru">Barang Baru</option>
                <option value="Barang Sudah Terpakai">Barang Sudah Terpakai</option>
            </select>
        </td>
    </tr>     
    <tr>
        <td class="label" style="width:150px">Keterangan</td>
        <td colspan="2"><input name ="keterangan" id="keterangan" /></td>
    </tr>
    <tr>
        <td class="label" style="width:150px">Status Pengguna</td>
        <td>
            <select id="jenis_kebutuhan" name="jenis_kebutuhan">
                <option value="Teknisi">Teknisi</option>
                <option value="Kebersihan Gedung">Kebersihan Gedung</option>
                <option value="Kebersihan Kebun/Taman">Kebersihan Kebun/Taman</option>
            </select>
        </td>
    </tr>
    <tr>
        <td class="label" style="width:150px">Nama Cabang</td>
        <td>
            <select id="nama_cabang" name="nama_cabang"></select>
            <input id="id_cabang" name="id_cabang" type="hidden" />
        </td>
    </tr>  
    </table>